<template>
  <div class="home">
    <Row>
      <Col span="18">
        <clock ref="clock"></clock>
      </Col>
      <Col span="6"><welcome ref="welcome"></welcome></Col>
    </Row>
    <Row>
      <Col span="12"> </Col>
      <Col span="12"></Col>
    </Row>
  </div>
</template>

<script>
import clock from './components/clock.vue'
import welcome from './components/welcome.vue'
export default {
  name: 'home',
  components: { clock, welcome },
  data() {
    return {
      userName: '',
    }
  },
  created() {
    this.init()
  },
  methods: {
    init() {
      let userInfo = this.$TOOL.session.get('userInfo')
      if (userInfo) {
        this.userName = JSON.parse(userInfo).userName
      }
    },
  },
}
</script>

<style scoped>
.home {
  margin-top: 20px;
  height: 100%;
  background-color: azure;
}
</style>
